<!--
文档流指文档中可显示对象在排列时所占用的位置/空间

对应的是标准流的限制特别多，比如：
1. 块级元素只能在行内显示，不能独占一行
2. 行内元素只能在块级元素内部显示，不能单独占一行
3. 元素的位置和大小由其在文档中的位置决定
4. 元素的位置和大小由其在文档中的排列顺序决定
5. 元素的位置和大小由其在文档中的层级决定
6. 元素的位置和大小由其在文档中的样式决定
高矮不齐，底边对齐，顶边对齐，居中对齐，等等
空白折叠现象，比如tab/换行/多个空格等，都折叠为一个空格
元素无间隙，元素之间贴在一起

脱离文档流的方法：
1.浮动
2.绝对定位
3.固定定位
-->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>

        img{
            width: 300px;
            height: 300px;
        }

    </style>
</head>
<body>
    <span>大家好，我们一起看美女</span>
    <img src="1.webp" alt="">
    <p>大家好，我是        p标签</p>
    <img src="1.webp" alt="">
    <img src="1.webp" alt="">
</body>
</html>